
/*------------------------------------------------- */
/* =  Contact */
/*------------------------------------------------- */

#map {
	width: 100%;
	height: 300px;
	margin-bottom: 40px;
	overflow: hidden;
}

section.contact-section {
	padding: 50px 0;
	div.contact-box	{
		p {
			color: #333333;
			font-size: 16px;
			margin-bottom: 20px;
		}
	}
    #contact-form {
		margin: 0;
		text-align: center;
		input[type="text"],
		textarea {
			width: 100%;
			padding: 13px 20px;
			background: #fafafa;
			color: $third-color;
			font-size: 13px;
			font-family: $font-default;
			font-weight: 400;
			outline: none;
			border: 1px solid #e1e1e1;
			margin: 0 0 30px;
			@include transition(0.2s);
		}
		input[type="text"]:focus,
		textarea:focus {
			border: 1px solid $primary-color;
		}
		textarea {
			height: 106px;
		}
		input[type="submit"] {
			color: $primary-color;
			width: 100%;
			text-align: center;
			outline: none;
			font-size: 13px;
			font-family: $font-default;
			padding: 13px 50px;
			background: #fff;
			font-weight: 400;
			cursor: pointer;
			border: 1px solid #ebebeb;
			@include transition(0.2s);
			text-transform: uppercase;
			margin: 0;
			&:hover {
				background: $primary-color;
				border-color: $primary-color;
				color: #fff;
			}
		}
	}
	#msg {
		padding: 12px 20px;
		margin-top: 30px;
	}
}
